<template>
	<div id="setting">
		<mu-list>
		    <mu-list-item title="用户名">
		      <span slot = "right">Monique</span>
		    </mu-list-item>
		    <mu-list-item title="修改密码">
		      <span slot = "right">*******</span>
		    </mu-list-item>
		    <mu-list-item title="个性签名">
		      <span slot = "after">我要省好多好多钱！！！</span>
		    </mu-list-item>
		    <mu-list-item title="关于我们">
		      <mu-icon slot="right" value="info"/>
		    </mu-list-item>
		    <mu-list-item title="最新版本">
		      <mu-icon slot="right" value="info"/>
		    </mu-list-item>
		</mu-list>
		<div class="button">
			<mu-raised-button label="退出登录" class="logoutButton" />
		</div>
	</div>
</template>
<script>
	
</script>
<style>
	#setting{
		height: 100vh;
		padding-top: 56px;
	}
	.button{
		text-align: center;
	}
	.logoutButton{
		width: 80vw;
		background-color: #f47272;
		color: white;
		
	}
</style>